<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>牛郎网络</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
	<link rel="shortcut icon" href="./jquery/favicon.ico" type="image/x-icon"/>
	
	
<link rel="stylesheet" type="text/css" href="./jquery/themes/default/easyui.css">
	<link rel="stylesheet" type="text/css" href="./jquery/themes/icon.css">
	<link rel="stylesheet" type="text/css" href="./jquery/demo.css">
	<script type="text/javascript" src="./jquery/jquery.min.js"></script>
	<script type="text/javascript" src="./jquery/jquery.easyui.min.js"></script>
<style type="text/css">
	body{
		margin: 0px 0px;
		padding: 0px 0px;
		text-align:center;
		width: 100%;
		height: 100%;
	}
	#top{
		background-color: #ffaf0;
	}
	#top #img1{
		margin: 9px 40px;
	}
	#top a{
	font-weight:700;	
		position: absolute;
		  left: 90%;
		  top:27px;
	}
	#top span{
		color:#2f4f4f;
		position: absolute;
		  left: 260px;
		  top:20px;
		font-size: 22px;
		font-weight: 800;
	}
	#gdiv1 #p{
		margin-top:60px; 
	}
	#button{
		border:solid 1px red;
		background: url(img/button.png);
		background-size:80%;
		color:white;
		height:30px;
		width:100px;
	}
	.af{
		  color:white;
		  position: relative;
		  left: 10px;
		  top: -25px;
		}
</style>
</head>
<body>
	<div id="cc" class="easyui-layout" style="width:100%;height:100%;">
		<div data-options="region:'north'" style="height:50px; background-color: #4682B4" id="top">
			<img src="./img/top.png" height="30" width="180"    id="img1"></img>
			<span>后台数据管理系统</span>
			<a href="${pageContext.request.contextPath}/GuanLogin/admin_loginOut.action">退出系统</a>
		</div>
		<div data-options="region:'west',split:true" title="管理菜单" style="width:180px;">
		
		<div class="easyui-accordion" fit="true" style="width:300px;height:200px;">
		<div title="app页面管理" style="padding:10px;background-color: #4682B4 " id="gdiv1">
		
			<div style="width:131px"><img  src="img/button.png" width="130px" height="32px"/><a target="frame"  class="af">登录界面</a></div>
			<div id="button"><a target="frame" >首页界面</a></div>
			<div id="button"><a target="frame" >个人中心界面</a></div>		
			<p id="p">说明:可点击图片或图标,对其进行操作<br/>
		</div>
		
		<div title="app数据管理" style="padding:10px;background-color: #4682B4">
			<p ><a target="frame" id="button">主体数据</a><p>
		</div>
		<div title="系统用户管理" style="padding:10px;">
			<p>C# is a multi-paradigm programming language encompassing strong typing, imperative, declarative, functional, generic, object-oriented (class-based), and component-oriented programming disciplines.</p>
		</div>
		
	</div>
		</div>
		<div data-options="region:'center'" border="none" style="background:#eee;">
    	
    	 	<div id="tt" class="easyui-tabs" fit="true" style="width:500px;height:250px;">   
		    	<div title="信息操作：">   	    	
				    <iframe src="${pageContext.request.contextPath}/Guan/GuanLiUrl_loginImg.action" height="100%" width="100%" scrolling="no" frameborder="0"></iframe>
			    </div>   	     
			</div>  
   		</div>   
	</div>
</body>
<script type="text/javascript">	
	  $("div").click(function(){		
			var value = $(this).text();
			value=$.trim(value);						
			open("${pageContext.request.contextPath}/Guan/GuanLiUrl_loginImg.action",value,"登录界面");
			open("${pageContext.request.contextPath}/jsp/imgjsp/shouye.jsp",value,"首页界面");
			open("${pageContext.request.contextPath}/jsp/center/centershouye.jsp",value,"个人中心界面");
			open("${pageContext.request.contextPath}/jsp/data_subject/appPersonal.jsp",value,"主体数据");
	  	});	
	  	
		function open(path,value,name){
				if(value==name){
				if(!$('#tt').tabs('exists',name)){
					$('#tt').tabs('add',{    
					    title:value,   
					    content:'<iframe src='+path+' width="100%" height="100%" frameborder="0"></iframe>',     
					    closable:true,    
					});
				}else {
					$('#tt').tabs('select',name);
				}
			}
			
		}
		
  </script>
</html>